<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* 内部样式表 */
		</style>
	</head>
	<body>
		<!-- 
			action
				=""：点击提交按钮时，相当于刷新效果
				="#"：提交到本页
			如果method是get，则提交后与a超链接效果是一样的
			
			get方式的表单提交之后，会在浏览器的地址栏添加?后接上参数。表单元素必须有name属性才有效
		 
			所以表单提交时，参数的获取与表单元素的name属性有关
			02-form提交的地址.html
		 -->
		<form action="http://localhost:8080/test" method="post">
			账号<input type="text" name="haha" value="jfkdk" />
			<input type="password" name="password" placeholder="请输入密码" />
			<input type="date" name="password" />
			<input type="datetime" name="datetime" />
			<input type="datetime-local" name="datetime-local" />
			<!-- 
				radio：以name相同为一个单选按钮组
						如果value属性没有写，勾选就是on，不勾选则没有
						通过value属性可以指定值
						checked="checked"，设置默认选项
						checked，设置默认选项
			 -->
			<input type="radio" name="gender" value="1" checked="checked" /> 男
			<input type="radio" name="gender" value="0" /> 女
			<br>
			<input type="radio" name="color" value="red" checked /> 红
			<input type="radio" name="color" value="green" /> 绿
			<input type="radio" name="color" value="blue" /> 蓝
			<br>
			<!-- 
				checkbox：以为name作为分组选项，提交到后台，以数组的方式
						checked="checked"，设置默认选项
			 -->
			<input type="checkbox" name="aihao" value="0" /> 打游戏
			<input type="checkbox" name="aihao" value="1" checked="checked" /> 打篮球
			<input type="checkbox" name="aihao" value="2" /> 写代码
			<br>
			<input type="checkbox" name="mingxing" value="ldh" /> 刘德化
			<input type="checkbox" name="mingxing" value="zxy" /> 张学友
			<input type="checkbox" name="mingxing" value="cxk" checked /> 蔡徐坤
			<input type="hidden" name="hidden" value="隐藏的内容" />
			<input type="number" name="number" />
			<input type="tel" name="number" />
			<select name="select">
				<option value="1">选项一</option>
				<option value="2">选项二</option>
				<optgroup label="Swedish Cars">
					<option value="3">选项3</option>
					<option value="4">选项4</option>
				</optgroup>
			</select>
			<br>
			<textarea rows="5" cols="100">textarea的内容写在标签之间
			</textarea>
			<!-- 
				input
					type
						submit：提交按钮，自带表单提交功能。这个必须写在form标签下才有效
						reset：重置按钮，不是清空，而且将表单恢复到最初状态
						button：普通按钮，没有任何特殊的效果
				button
					type：默认是submit
						submit：提交按钮，自带表单提交功能。这个必须写在form标签下才有效
						reset：重置按钮，不是清空，而且将表单恢复到最初状态
						button：普通按钮，没有任何特殊的效果
			 -->
			<!-- <input type="button" value="提交"/>
			<input type="reset" value="修改的重置按钮" /> -->
			<button>提交按钮</button>
			<button type="submit">提交按钮</button>
			<button type="reset">重置按钮</button>
			<button type="button">普通按钮</button>
		</form>
	</body>
</html>
